<template>
<!-- 	<swiper  class="swiper">
		<swiper-item v-for="item in topImages">
			<img :src="item" alt="">
		</swiper-item>
	</swiper> -->
	
	<van-swipe class="my-swipe" :autoplay="2000" indicator-color="white">
	  <van-swipe-item v-for="item in topImages">
			<img :src="item" alt=""/>
		</van-swipe-item>
	</van-swipe>
</template>

<script>
	import {Swiper,SwiperItem} from 'components/common/swiper/index.js'
	export default{
		name:'DetailSwiper',
		components:{
			Swiper,
			SwiperItem
		},
		props:{
			topImages:{
				type:Array,
				default(){
					return []
				}
			}
		}
	}
</script>

<style scoped>
/* 	.swiper{
		height:300px ;
		overflow: hidden;
	} */
	.my-swipe{
		height:300px ;
		overflow: hidden;
	}
	.my-swipe img{
		width: 100%;
	}
</style>
